<!DOCTYPE html>
<html>
    <head>
        <title>城市选择器</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="bootstrap/css/bootstrap.css" type="text/css" rel="stylesheet">
        <link href="dist/css/style.css" type="text/css" rel="stylesheet">
    </head>
    <body>
        <div>
            城市多选：
            <input class="area-duoxuan" data-value="" type="text">
            城市单选：
            <input class="area-danxuan" data-value="" type="text">
        </div>

        <button id="demo">PLUGIN</button>

        <!-- Javascript -->
        <script type="text/javascript" src="dist/jquery.js"></script>
        <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
        <!-- self -->
        <script type="text/javascript" src="dist/js/dist.data.js"></script>
        <script type="text/javascript" src="dist/js/dist.search.js"></script>
        <script type="text/javascript" src="dist/js/dist.js"></script>
        <script type="text/javascript" src="dist/js/dist.plugin.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $('#demo').distPicker();
            });
        </script>
    </body>
</html>
